.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}
body {
    background: #efefef;
}
.header {
    background: #fff;
    width: 100%;
    .pxToRem(height, 95);
    display: flex;
    justify-content: space-between;
    align-items: center;
    letter-spacing: 1px;
    .pxToRem(line-height, 95);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    section {
        .pxToRem(height, 70);
        box-sizing: border-box;
        border: 2px solid #c7dcd0;
        color: #b9b9b9;
        flex: 1;
        .pxToRem(line-height,70);
        .pxToRem(padding-left, 120);
        .pxToRem(border-radius,45);
        .pxToRem(margin-left, 30);
        .pxToRem(font-size, 32);
        background: url("../images/head.jpg") no-repeat 3% center;
        .pxToRem(background-size, 40);
    }
    .figure {
        .pxToRem(width,120);
        .pxToRem(padding-left,20);
        .pxToRem(padding-right,20);
        display: flex;
        align-items: center;
        justify-content: center;
        img {
            .pxToRem(width,50);
        }
    }
}
.cc {
    background: #fff;
    width: 100%;
    height: 100%;
    .pxToRem(padding-top, 95);
    .swiper-pagination {
        .swiper-pagination-bullet-active {
            padding: 3px;
            background: #FFFFFF;
        }
    }
    .ad {
        .swiper-slide {
            img {
                width: 100%;
            }
        }
    }
}
.section {
    background: #fff;
    width: 100%;
    .pxToRem(padding-top, 38);
    .pxToRem(padding-bottom, 38);
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    dl {
        .pxToRem(padding-left, 10);
        .pxToRem(margin-top, 20);
        width: 25%;
        box-sizing: border-box;
        text-align: center;
        dd {
            color: #787878;
            .pxToRem(padding-top, 15);
        }
    }
}
.sectionone {
    background: #fff;
    width: 100%;
    .pxToRem(height, 80);
    display: flex;
    align-items: center;
    .pxToRem(font-size, 28);
    border-top: 2px solid #eeeeee;
    background: #FFFFFF;
    overflow: hidden;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    span {
        background: #fff;
        width: 6%;
        .pxToRem(padding-left,40);
        .pxToRem(padding-right,18);
        img {
            width: 100%;
        }
    }
    ul {
        position: absolute;
        top: 0;
        left: 80px;
        .pxToRem(margin-top,30);
        .pxToRem(padding-left,35);
        li {
            width: 100%;
            line-height: 20px;
            .pxToRem(font-size,25);
            .pxToRem(height, 60);
            color: #666;
            a {
                &:last-child {
                    color: #77d093;
                }
                .pxToRem(padding-left,20);
            }
        }
    }
}
.sectiontow {
    background: #fff;
    width: 100%;
    .pxToRem(margin-top,40);
    display: flex;
    justify-content: space-between;
    .towrigth {
        width: 50%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        border-right: 3px solid #eeeeee;
        background: url(../images/lex.jpg)no-repeat right bottom;
        .sp {
            .pxToRem(height,50);
            .pxToRem(padding,20);
            .pxToRem(font-size,50);
            span {
                float: right;
                color: #fff;
                background: red;
                .pxToRem(width,102);
                .pxToRem(margin-left,20);
            }
        }
        .sp1 {
            display: block;
            .pxToRem(padding,20);
            .pxToRem(font-size,25);
            color: #b2b2b2;
        }
        .sp2 {
            display: flex; //       .pxToRem(margin-bottom,20);
            .pxToRem(padding,20);
            span {
                .pxToRem(font-size,40);
                color: #cbf5cd;
                border: 2px solid #b4b4b4;
                display: inline-block;
                .pxToRem(margin-left,10);
                border-radius: 30%;
            }
        }
        .sp3 {
            .pxToRem(padding,20); //          .pxToRem(padding-bottom,20);
            .pxToRem(font-size,30);
            color: #c0c0c0;
        }
    }
    .towleft {
        width: 50%;
        display: flex;
        align-items: center;
        flex-direction: column;
        .lefttop {
            .pxToRem(padding-left,50);
            border-bottom: 3px solid #eeeeee;
            .pxToRem(padding-bottom,20);
            .zzj {
                .pxToRem(font-size,50);
                .pxToRem(line-height,102);
                height: 50%;
                img {
                    .pxToRem(padding-left,80);
                }
            }
            .zs {
                color: #b0b0b0;
            }
        }
        .leftbottom {
            .pxToRem(padding-left,50);
            .pxToRem(padding-bottom,20);
            .zzj {
                .pxToRem(font-size,50);
                .pxToRem(line-height,102);
                height: 50%;
                img {
                    .pxToRem(padding-left,40);
                }
            }
            .zs {
                color: #b0b0b0;
            }
        }
    }
}
.s1 { 
    .pxToRem(margin-top,40);
    background: #FFF;
    .sstop {
        display: flex;
        align-content: center;
        justify-content: space-between;
        .pxToRem(padding-top,20);
         .pxToRem(padding-left,30);
         .pxToRem(font-size,30);
        .gd {
            display: flex;
            color: #b7b7b7;
            .pxToRem(padding-right,30);
            span{
               .pxToRem(padding-left,20); 
            }
        }
    }
        
        .mr {
            width: 100%;
            height: 100%;
            .pxToRem(padding-left,40);
            .pxToRem(padding-top,40);        
            box-sizing: border-box;
            .swiper-wrapper {
                .swiper-slide {
                    .pxToRem(padding-bottom,30); 
                    img {
                        width: 100%;
                    }
                    .zi{
                      
                       .pxToRem(line-height,40); 
//                     .pxToRem(width,610);
                        .pxToRem(font-size,30);
                      display: block;
//                      overflow: hidden;
//                      text-overflow:ellipsis ;
                    }
                    .rq{
                         .pxToRem(padding-top,40); 
                         color: #919191;
                         
                    }
                }
            }
        }

}

.bottm{
     display: flex;
     flex-direction: column;
    .pxToRem(margin-top,40);
    .pxToRem(padding-bottom,98); 
    background: #fff;
    .bottmtop{
        width: 100%;
        .pxToRem(padding-top,50);
        .yc{
            text-align: center;
            .pxToRem(padding-top,10);
            background: url(../images/yc.jpg) no-repeat 40px center;
            .pxToRem(padding-left,120);
            .pxToRem(font-size,30);
        }
        .qb{
           .pxToRem(padding-left,420); 
            .pxToRem(font-size,30);
        } 
        img{
            width: 95%;
            .pxToRem(padding-top,30); 
            .pxToRem(padding-left,20); 
        }
    }
    .sj{
         
         width: 100%;
//       .pxToRem(padding-top,50); 
         .box{
             display: flex;
//            justify-content: space-around;
              border-bottom: 2px solid #EEEEEE;
              .pxToRem(padding-bottom,70);
              .pxToRem(padding-top,50); 
              .left{
                  width: 50%;
                  img{
                       .pxToRem(height,240);
                       .pxToRem(width,300);
                       .pxToRem(padding-left,30);   
                  }
              }
              .right{
                  width: 50%;
                  .bt{
                      display: block;
                      .pxToRem(padding-top,50);
//                    .pxToRem(line-height,30);
                      .pxToRem(font-size,35); 
                  }
                  .cg{
                      .pxToRem(font-size,30);
                      color: #b1b1b1;
                       display: block;
                      .pxToRem(padding-top,80);
                  }
              }
         }
    }
    .fot{   
            display: flex;
            align-items: center;
            justify-content: center;
         .pxToRem(padding-top,50);
         .pxToRem(padding-bottom,50);
         .we{
             
             .pxToRem(font-size,30);
             color: #aef7c2;
             border: 2px solid #aef7c2;
             .pxToRem(padding,30);
             border-radius: 30px;
         }
    }
}

.foot {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    border-top: 1px solid #b2b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
    .pxToRem(height, 98);
    z-index: 99;
    .foote {
        flex: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        height: 100%;
        color: #bfb9b9;
        span {
            .pxToRem(font-size, 40);
        }
    }
}



